<!DOCTYPE HTML>
<html class="reftest-wait">
<head>
<style>
#d { width:200px; }
#e { width:196px; height:196px; opacity:0.99; border:2px solid rgb(200,200,200); }
#f { width:200px; height:10px; }
</style>
</head>
<body onload="step()">
<div id="d">
  <div id="e">
    <div style="width:80px; height:80px; background:yellow;"></div>
    <div id="f">
      <div style="width:80px; height:80px; background:blue;"></div>
    </div>
  </div>
</div>
<script>
var d = document.getElementById("d");
var e = document.getElementById("e");
var f = document.getElementById("f");
var v = 0;
function step() {
  v += 40;
  d.style.border = "10px solid rgba(" + v + "," + v + "," + v + ", 0.99)";
  e.style.backgroundColor = "rgb(" + v + "," + v + "," + v + ")";
  f.style.opacity = v/250.0;
  if (v < 200) {
    setTimeout(step, 50);
  } else {
    document.documentElement.removeAttribute("class");
  }
}
</script>
</body>
</html>
